// 主题色
$primary-color: #1abc9c;

// flex
@mixin flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

@mixin flex-align-center {
    display: flex;
    align-items: center;
}

@mixin flex-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.use_titile {
    &:before {
        content: ' ';
        border-left: 2px solid #81d3f8;
        margin-right: 6px;
    }
}

.el-form {
    background-color: #fff;

    .form-btn {
        display: flex;
        justify-content: flex-end;
    }

    // .el-form-item__content {
    //     justify-content: space-between;
    // }
}

.wrap {
    display: flex;
    justify-content: space-between;
    height: 100%;

    .wrap_right {
        flex: 1;
        width: 0
    }
}

.table {
    margin-top: 20px;
    max-height: 100%;
    box-sizing: border-box;
    padding: 16px;
    background-color: #fff;
    position: relative;

    .batchBtn {
        position: absolute;
        bottom: 30px;
    }

    .el-loading-mask {
        @include flex-center;

        .el-loading-spinner {
            position: static;
            margin-top: 0;
        }
    }
}

//转场动画 router
.slide-right-enter-active,
.slide-right-leave-active {
    will-change: transform;
    transition: all 400ms;
    position: relative;
    height: 100%;
}

.changePwd_wrap {
    .account_title {
        font-size: 18px;
        font-weight: bold;
    }

    .changePwd_form {
        padding-top: 16px;
        width: 400px;
    }
}


.slide-right-enter {
    opacity: 0;
    transform: translate(100%, 0, 0);
}

.slide-right-leave-active {
    opacity: 0;
    transform: translate(100%, 0, 0);
}

.text_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

.el-message-box__container {
    display: flex !important;

    .el-message-box__status {
        position: static !important;
        transform: none
    }

    .el-message-box__message {
        padding-left: 10px !important;
    }
}